
var prefix = ctx +"module/device/range";
$(function() {
    load();
});
function load(){
    layui.use(['form','table'], function() {
        var form = layui.form , table = layui.table,element = layui.element;//载入table模块
        var searchParams = {};
        searchParams['search_like_keyword']=$('#keyword').val();
        searchParams['search_eq_deviceType']=$('#deviceType').val();
        searchParams['search_eq_shopId']=$('#shopId').val();

        //初始化table
        table.render({
            elem: '#exampleTable',//承载数据的table Id
            url: prefix + "/list",//请求数据连接
            toolbar: '#toolbarDemo',
            cellMinWidth: 80,//全局定义所有常规单元格的最小宽度（默认：60）
            even: true,//是否开启隔行变色
            loading:true,//是否显示加载条
            // height: 'full-75',
            where :{
                searchParams:searchParams,
                sorts:{"id":"desc"}
            },
            defaultToolbar: false,
            //page: true,//是否分页
            page: { //支持传入 laypage 组件的所有参数（某些参数除外，如：jump/elem） - 详见文档
                layout: [ 'prev', 'page', 'next', 'skip', 'count','limit'] //自定义分页布局
            },
            cols: [[
                // {type:'numbers',title: '序号', width:'5%'},
                { field : 'id',  title : 'ID', align : 'center', width: 80},
                { field : 'shopName',  title : '所属企业', align : 'center', width: 180},
                { field : 'deviceName',  title : '设备名称', align : 'center', width: 130},
                { field : 'deviceNum',  title : '设备编号', align : 'center',width: 130},
                // { field : 'maxVolume',  title : '筒仓总体积', align : 'center', },
                // { field : 'maxConeVolume',  title : '圆锥总体积', align : 'center', width:100,},
                // { field : 'maxCylinderVolume',  title : '圆柱总体积', align : 'center',  width:100,},
                // { field : 'plotRatio',  title : '容重', align : 'center',width:120,
                //     templet: function (item) {
                //         return item.plotRatio+'Kg/m³';
                //     },
                // },
                { field : 'onlineState',  title : '在线状态', align : 'center', width: 100,
                    templet: function (item) {
                        if (item.onlineState == 1) {
                            return '<span class="label label-success">在线</span>';
                        } else {
                            return '<span class="label label-danger ">离线</span>';
                        }
                    },
                },
                { field : 'isLie',  title : '立卧类型', align : 'center',
                    templet: function (item) {
                        console.log('isLie',item.isLie)
                        if(item.isLie == 0){
                            return '立式';
                        }else{
                            return '卧式';
                        }
                    },
                },
                { field : 'deviceType',  title : '设备类型', align : 'center',width: 130,
                    templet: function (item) {
                        if(item.deviceType == 0){
                            return '粮仓测量设备';
                        }else{
                            return '油罐测量设备';
                        }
                    },
                },
                { field : 'temperature',  title : '当前温度', align : 'center',
                    templet: function (item) {
                        if(parseFloat(item.humidity) ==  0){
                            return (parseFloat(item.temperature * 0.1).toFixed(2)) +' ℃';
                        }
                        return item.temperature +' ℃';
                    },
                },
                // { field : 'humidity',  title : '当前湿度', align : 'center', },
                { field : 'totalWeight',  title : '当前储存重量', align : 'center', width: 130,
                        templet: function (item) {
                            //筒仓  满仓状态  0 -  空仓  1 -  正常状态 2 - 满仓
                            if(item.storeState == 0){
                                if(item.isShowEmpty == 0){
                                    return item.totalWeight  + ' 吨';
                                }else{
                                    return '当前已空仓';
                                }
                            }else if(item.storeState == 1){
                                return item.totalWeight + ' 吨';
                            } else if(item.storeState == 2){
                                if(item.isShowFull == 0){
                                    return item.totalWeight + ' 吨';
                                }else{
                                    return '当前满仓';
                                }
                            }
                        },
                },
                { field : 'lastComputeTime',  title : '最后测量时间', align : 'center', width: 170 },
                // { field : 'coneHeight',  title : '圆锥高度', align : 'center', },
                { title: '操作', minWidth: 400, templet: '#currentTableBar', fixed: "right", align: "center"}
            ]],
            id: 'currentTableId'//表格Id
        });
        /**
         * 操作栏tool  监听事件
         */
        table.on('tool(currentTableFilter)', function (obj) {
            if (obj.event === 'edit') {  // 监听添加操作
                edit(obj.data.id);
            } else if (obj.event === 'delete') {  // 监听删除操作
                remove(obj.data.id);
            } else if (obj.event === 'measure') {  // 监听删除操作
                measure(obj.data.id);
            } else if (obj.event === 'chart') {  // 图表
                chart(obj.data.id);
            } else if (obj.event === 'history') {  // 历史
                history(obj.data.id);
            } else if (obj.event === 'qrcode') {  // 历史
                qrcode(obj.data.id);
            }
        });
        // 监听搜索操作
        form.on('submit(data-search-btn)', function (data) {
            //执行搜索重载
            reLoad();
            return false;
        });

        /**
         * 操作栏tool  监听事件
         */
        table.on('toolbar(currentTableFilter)', function (obj) {
            if (obj.event === 'add') {  // 监听添加操作
                add();
            } else if (obj.event === 'delete') {  // 监听删除操作
                var checkStatus = table.checkStatus('currentTableId')
                    , data = checkStatus.data;
                layer.alert(JSON.stringify(data));
            } else if(obj.event === 'back'){
                goBack();
            }
        });
    });
}

function reLoad() {
    var searchParams = {};
    searchParams['search_like_keyword']=$('#keyword').val();
    searchParams['search_eq_deviceType']=$('#deviceType').val();
    searchParams['search_eq_shopId']=$('#shopId').val();
    layui.use(['table'], function() {
        var  page = $(".layui-laypage-skip").find("input").val() //当前页码值
        console.log('page',page)
        var table = layui.table;//载入table模块
        table.reload('currentTableId', {
            page: {curr: page}
            , where: {
                searchParams: searchParams
            }
        }, 'data');
    });
}

function goBack(){
    // var deviceType = $("#deviceType").val();
    // window.location.href = ctx + "module/device/range/shop/list/" + deviceType;
    var index = parent.layer.getFrameIndex(window.name); // 获取窗口索引
    parent.layer.close(index);
}

function measure(id) {
    $.ajax({
        url : prefix + "/measure",
        type : "post",
        data : {
            'id' : id
        },
        success : function(r) {
            if (r.code==0) {
                layer.msg(r.msg);
                reLoad();
            }else{
                layer.msg(r.msg);
            }
        }
    });
}
function qrcode(id) {

    var deviceType = $("#deviceType").val();
    var shopId = $("#shopId").val();

    var index = layer.open({
        type : 2,
        title : '筒仓进出口二维码',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '550px' ],
        content : prefix + '/qrCode/' + shopId + '/' + deviceType +'/'   + id // iframe的url
    });
    layer.full(index);
}



function chart(id) {
    var index = layer.open({
        type : 2,
        title : '当前测量数据走势',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '550px' ],
        content : prefix + '/charts/' + id // iframe的url
    });
    layer.full(index);
}

function history(id) {
    var index = layer.open({
        type : 2,
        title : '历史测量数据',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '800px', '550px' ],
        content : prefix + '/charts/result/' + id // iframe的url
    });
    layer.full(index);
}


function add() {
    var shopId = $('#shopId').val();
    var deviceType = $('#deviceType').val();
    var index = layer.open({
        type : 2,
        title : '增加',
        maxmin : true,
        shadeClose : false, // 点击遮罩关闭层
        area : [ '600px', '620px' ],
        content : prefix + '/add/' + shopId+"/" + deviceType // iframe的url
    });
    // layer.full(index);
}


function edit(id) {
    var is_shop = $('#is_shop').val();
    if(is_shop == 0){
        var index = layer.open({
            type : 2,
            title : '编辑',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '600px', '650px' ],
            content : prefix + '/edit/' + id // iframe的url
        });
        // layer.full(index);
    }else{
        var index = layer.open({
            type : 2,
            title : '编辑',
            maxmin : true,
            shadeClose : false, // 点击遮罩关闭层
            area : [ '600px', '400px' ],
            content : prefix + '/edit/' + id // iframe的url
        });
        // layer.full(index);
    }
}

function remove(id) {
    layer.confirm('确定要删除选中的记录？', {
        btn : [ '确定', '取消' ]
    }, function() {
        $.ajax({
            url : prefix+"/remove",
            type : "post",
            data : {
                'id' : id
            },
            success : function(r) {
                if (r.code==0) {
                    layer.msg(r.msg);
                    reLoad();
                }else{
                    layer.msg(r.msg);
                }
            }
        });
    })
}


